﻿<UserControl x:Class="HubModule.Views.HubView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:controls="http://metro.mahapps.com/winfx/xaml/controls"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
             Width="900" Height="600">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        
        <Grid Name="itemsGrid" Grid.Row="0" Grid.Column="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>

            <StackPanel Grid.Column="0" Grid.Row="0" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Left">
                <controls:Tile Name="myInprogressTaskTile" Title="In Progress" Margin="15" Count="{Binding Path=InProgressTask.Name}" Visibility="{Binding Path=InProgressTaskVisibility}" Click="myInprogressTaskTile_Click" Width="250" />
                <controls:Tile Name="myProjectsTile" Title="My Active Projects" Margin="15" Click="myProjectsTile_Click" Count="{Binding Path=MyActiveProjectCount}"  Width="250" />
                <controls:Tile Name="myTasksTile" Title="My Active Tasks" Margin="15" Click="myTasksTile_Click" Count="{Binding Path=MyActiveTaskCount}" Width="250" />
            </StackPanel>

            <!-- Put In Progress, 3 Suspendend and, a couple of not started, may need to make a control -->
            <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" Margin="10">
                <!-- Active Task -->
                <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" Margin="10"  Visibility="{Binding Path=InProgressTaskVisibility}">
                    <!-- Active Task -->
                    <Border Background="{Binding Path=InProgressTask.Status.BrushColor}" Width="200" Height="Auto" Visibility="{Binding Path=InProgressTaskVisibility}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"  />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Project Name -->
                            <Border Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Project:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=InProgressTask.Project.Name}" Width="100" />
                            </Border>


                            <!-- Task Name -->
                            <Border Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Task:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=InProgressTask.Name}" Width="100" />
                            </Border>

                            <!-- Status -->
                            <Border Grid.Column="0" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black"  Text="Status:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" >
                                <TextBlock Text="{Binding Path=InProgressTask.Status.Name}" />
                            </Border>


                            <!-- Priority -->
                            <Border Grid.Column="0" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Priority:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=InProgressTask.Priority.Name}" />
                            </Border>

                            <!-- Due -->
                            <Border Grid.Column="0" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Due:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=InProgressTask.DueDate, StringFormat={}{0:MM/dd/yyyy}}" />
                            </Border>


                            <Border Grid.Column="0" Grid.Row="5" Grid.ColumnSpan="5"  VerticalAlignment="Center"  HorizontalAlignment="Center" Background="Black" Width="200" Height="35">
                                <StackPanel  Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
                                    <Button Content="Suspend" Margin="5" Click="Button_Click" DataContext="{Binding Path=InProgressTask}" />
                                    <Button Content="Complete" Margin="5" Click="Button_Click" DataContext="{Binding Path=InProgressTask}" />
                                    <Button Content="Open" Margin="5" Click="Button_Click"  DataContext="{Binding Path=InProgressTask}"/>
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Border>
                </StackPanel>

                <!-- 3 Suspended -->
                <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" Margin="10">
                    <!-- Active Task -->
                    <Border Background="{Binding Path=SuspendedTask1.Status.BrushColor}" Width="200" Height="Auto" Visibility="{Binding Path=SuspendedTask1Visibillity}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"  />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Project Name -->
                            <Border Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Project:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask1.Project.Name}" Width="100" />
                            </Border>


                            <!-- Task Name -->
                            <Border Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Task:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock  Text="{Binding Path=SuspendedTask1.Name}" Width="100" />
                            </Border>

                            <!-- Status -->
                            <Border Grid.Column="0" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Status:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" >
                                <TextBlock Text="{Binding Path=SuspendedTask1.Status.Name}" />
                            </Border>


                            <!-- Priority -->
                            <Border Grid.Column="0" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Priority:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask1.Priority.Name}" />
                            </Border>

                            <!-- Due -->
                            <Border Grid.Column="0" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Due:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask1.DueDate, StringFormat={}{0:MM/dd/yyyy}}" />
                            </Border>


                            <Border Grid.Column="0" Grid.Row="5" Grid.ColumnSpan="5"  VerticalAlignment="Center"  HorizontalAlignment="Center" Background="Black" Width="200" Height="35">
                                <StackPanel  Orientation="Horizontal">
                                    <Button Content="Activate" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask1}"  />
                                    <Button Content="Complete" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask1}"  />
                                    <Button Content="Open" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask1}"  />
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Border>
                </StackPanel>

                <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" Margin="10">
                    <!-- Active Task -->
                    <Border Background="{Binding Path=SuspendedTask2.Status.BrushColor}" Width="200" Height="Auto" Visibility="{Binding Path=SuspendedTask2Visibillity}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"  />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Project Name -->
                            <Border Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Project:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask2.Project.Name}" Width="100" />
                            </Border>


                            <!-- Task Name -->
                            <Border Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Task:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask2.Name}" Width="100" />
                            </Border>

                            <!-- Status -->
                            <Border Grid.Column="0" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Status:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" >
                                <TextBlock Text="{Binding Path=SuspendedTask2.Status.Name}" />
                            </Border>


                            <!-- Priority -->
                            <Border Grid.Column="0" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Priority:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask2.Priority.Name}" />
                            </Border>

                            <!-- Due -->
                            <Border Grid.Column="0" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Due:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask2.DueDate, StringFormat={}{0:MM/dd/yyyy}}" />
                            </Border>


                            <Border Grid.Column="0" Grid.Row="5" Grid.ColumnSpan="5"  VerticalAlignment="Center"  HorizontalAlignment="Center" Background="Black" Width="200" Height="35">
                                <StackPanel  Orientation="Horizontal">
                                    <Button Content="Activate" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask2}"  />
                                    <Button Content="Complete" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask2}"  />
                                    <Button Content="Open" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask2}"  />
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Border>
                </StackPanel>

                <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" Margin="10">
                    <!-- Active Task -->
                    <Border Background="{Binding Path=SuspendedTask3.Status.BrushColor}" Width="200" Height="Auto" Visibility="{Binding Path=SuspendedTask3Visibillity}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"  />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Project Name -->
                            <Border Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Project:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask3.Project.Name}" Width="100" />
                            </Border>


                            <!-- Task Name -->
                            <Border Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Task:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask3.Name}" Width="100" />
                            </Border>

                            <!-- Status -->
                            <Border Grid.Column="0" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Status:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" >
                                <TextBlock Text="{Binding Path=SuspendedTask3.Status.Name}" />
                            </Border>


                            <!-- Priority -->
                            <Border Grid.Column="0" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Priority:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask3.Priority.Name}" />
                            </Border>

                            <!-- Due -->
                            <Border Grid.Column="0" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Due:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=SuspendedTask3.DueDate, StringFormat={}{0:MM/dd/yyyy}}" />
                            </Border>


                            <Border Grid.Column="0" Grid.Row="5" Grid.ColumnSpan="5"  VerticalAlignment="Center"  HorizontalAlignment="Center" Background="Black" Width="200" Height="35">
                                <StackPanel  Orientation="Horizontal">
                                    <Button Content="Activate" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask3}" />
                                    <Button Content="Complete" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask3}"  />
                                    <Button Content="Open" Margin="5" Click="Button_Click" DataContext="{Binding Path=SuspendedTask3}"  />
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Border>

                    <!-- 3 Suspended -->
                </StackPanel>
            </StackPanel>

            <!-- 3 Not Started??? -->
            <StackPanel Grid.Column="0" Grid.Row="2" Orientation="Horizontal" Margin="10">
                <!-- 3 Not Started -->
                <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" Margin="10">
                    <!-- Active Task -->
                    <Border Background="{Binding Path=NotStartedTask1.Status.BrushColor}" Width="200" Height="Auto" Visibility="{Binding Path=NotStartedTask1Visibility}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"  />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Project Name -->
                            <Border Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Project:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask1.Project.Name}" Width="100" />
                            </Border>


                            <!-- Task Name -->
                            <Border Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Task:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask1.Name}" Width="100" />
                            </Border>

                            <!-- Status -->
                            <Border Grid.Column="0" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black"  Text="Status:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" >
                                <TextBlock Text="{Binding Path=NotStartedTask1.Status.Name}" />
                            </Border>


                            <!-- Priority -->
                            <Border Grid.Column="0" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Priority:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask1.Priority.Name}" />
                            </Border>

                            <!-- Due -->
                            <Border Grid.Column="0" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Due:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask1.DueDate, StringFormat={}{0:MM/dd/yyyy}}" />
                            </Border>


                            <Border Grid.Column="0" Grid.Row="5" Grid.ColumnSpan="5"  VerticalAlignment="Center"  HorizontalAlignment="Center" Background="Black" Width="200" Height="35">
                                <StackPanel  Orientation="Horizontal">
                                    <Button Content="Activate" Margin="5" Click="Button_Click" DataContext="{Binding Path=NotStartedTask1}" />
                                    <Button Content="Open" Margin="5" Click="Button_Click" DataContext="{Binding Path=NotStartedTask1}" />
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Border>
                </StackPanel>

                <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" Margin="10">
                    <!-- Active Task -->
                    <Border Background="{Binding Path=NotStartedTask1.Status.BrushColor}" Width="200" Height="Auto" Visibility="{Binding Path=NotStartedTask2Visibility}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"  />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Project Name -->
                            <Border Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Project:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask2.Project.Name}" Width="100" />
                            </Border>


                            <!-- Task Name -->
                            <Border Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black"  Text="Task:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask2.Name}" Width="100" />
                            </Border>

                            <!-- Status -->
                            <Border Grid.Column="0" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Status:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" >
                                <TextBlock Text="{Binding Path=NotStartedTask2.Status.Name}" />
                            </Border>


                            <!-- Priority -->
                            <Border Grid.Column="0" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black"  Text="Priority:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask2.Priority.Name}" />
                            </Border>

                            <!-- Due -->
                            <Border Grid.Column="0" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Due:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask2.DueDate, StringFormat={}{0:MM/dd/yyyy}}" />
                            </Border>


                            <Border Grid.Column="0" Grid.Row="5" Grid.ColumnSpan="5"  VerticalAlignment="Center"  HorizontalAlignment="Center" Background="Black" Width="200" Height="35">
                                <StackPanel  Orientation="Horizontal">
                                    <Button Content="Activate" Margin="5" Click="Button_Click" DataContext="{Binding Path=NotStartedTask2}" />
                                    <Button Content="Open" Margin="5" Click="Button_Click" DataContext="{Binding Path=NotStartedTask2}" />
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Border>
                </StackPanel>

                <StackPanel Grid.Column="0" Grid.Row="1" Orientation="Horizontal" Margin="10">
                    <!-- Active Task -->
                    <Border Background="{Binding Path=NotStartedTask1.Status.BrushColor}" Width="200" Height="Auto" Visibility="{Binding Path=NotStartedTask3Visibility}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"  />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>

                            <!-- Project Name -->
                            <Border Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Project:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask3.Project.Name}" Width="100" />
                            </Border>


                            <!-- Task Name -->
                            <Border Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Task:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask3.Name}" Width="100" />
                            </Border>

                            <!-- Status -->
                            <Border Grid.Column="0" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Status:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5" >
                                <TextBlock Text="{Binding Path=NotStartedTask3.Status.Name}" />
                            </Border>


                            <!-- Priority -->
                            <Border Grid.Column="0" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Priority:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="3" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask3.Priority.Name}" />
                            </Border>

                            <!-- Due -->
                            <Border Grid.Column="0" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="5">
                                <TextBlock Foreground="Black" Text="Due:" />
                            </Border>

                            <Border Grid.Column="1" Grid.Row="4" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5">
                                <TextBlock Text="{Binding Path=NotStartedTask3.DueDate, StringFormat={}{0:MM/dd/yyyy}}" />
                            </Border>


                            <Border Grid.Column="0" Grid.Row="5" Grid.ColumnSpan="5"  VerticalAlignment="Center"  HorizontalAlignment="Center" Background="Black" Width="200" Height="35">
                                <StackPanel  Orientation="Horizontal">
                                    <Button Content="Activate" Margin="5" Click="Button_Click" DataContext="{Binding Path=NotStartedTask3}" />
                                    <Button Content="Open" Margin="5" Click="Button_Click" DataContext="{Binding Path=NotStartedTask3}" />
                                </StackPanel>
                            </Border>
                        </Grid>
                    </Border>

                    <!-- 3 Suspended -->
                </StackPanel>
            </StackPanel>
        </Grid>

        <!-- Progress Ring -->
        <Border Name="progressBorder" Grid.Column="0" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center" Panel.ZIndex="3">
            <controls:ProgressRing Name="progressRing" />
        </Border>
    </Grid>
</UserControl>
